<template>
   <!-- 预警报警 -->
   <!-- 子页面——报警处理 -->
	<view class="conter">
    <cc-goback title='报警处理' color="#fff"></cc-goback>
    <view class="navigation_head"></view>
		<uni-card >
		  <view class="head">
		    报警原因及处理结果
		  </view>
      <view class="text">
        <textarea  placeholder="请输入" />  
      </view>
      <view class="text_a">
        0/399
      </view>
      <view class="btn">
        上传附件
      </view>
		</uni-card>
	  <uni-card class="map">
	    位置
	  </uni-card>
    <view class="sub">
      <button type="primary">提交</button>
    </view>
  </view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
  .navigation_head{
    height: calc(88rpx + var(--status-bar-height));
  }
.conter {
    background-color: #F7F7F7;
    overflow: hidden;
  }
  .head{
    font-size: 28rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
  }
  .text_a{
    float: right;
    font-size: 28rpx;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #999999;
  }
  .btn{
    width: 214rpx;
    height: 64rpx;
    line-height: 64rpx;
    text-align: center;
    font-size: 28rpx;
    font-family: PingFang-SC-Medium, PingFang-SC;
    font-weight: 500;
    color: #4EA1FF;
    background: #FFFFFF;
    border-radius: 4rpx;
    border: 1rpx solid #E5E5E5;
  }
  .map{
    height: 500rpx;
  }
  .sub{
    margin: 262rpx auto 0;
    width: 702rpx;
  }
</style>
